<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>给我留言</title>
    <link rel="stylesheet" type="text/css" media="all" href="css/liuyan.css">
</head>

<body>
    <header>
        <img src="image/1.jpg" height="300px" width="100%">
    </header>
    <div class="main">
        <div class="menu">
            <ul>
                <li><a href="index.html">首页简介</a></li>
                <li><a href="jingdian.html">景点介绍</a></li>
                <li><a href="meishi.html">特色美食</a></li>
                <li><a href="liuyan.html">给我留言</a></li>
            </ul>
        </div>
        <div class="photo">
            <img src="image/10.jpg" height="280px" width="80%">
        </div>
        <div class="form">
            <ul>
                <li>
                    <label>昵称：</label>
                    <input class="right" type="text" maxlength="6" />
                </li>
                <li>
                    <label>性别：</label>
                    <div class="right">
                        <input type="radio" name="male" />
                        <label for="male">男</label>
                        <input type="radio" name="female" />
                        <label for="male">女</label>
                    </div>
                </li>
                <li>
                    <label>电话：</label>
                    <input class="right" type="text" maxlength="11" />
                </li>
                <li>
                    <label>邮箱：</label>
                    <input class="right" type="email" maxlength="20" />
                </li>
                所在城市(单选)：<br>
                <select>
                <option>-请选择-</option>
                <option selected="selected">汕头</option>
                <option>广州</option>
                <option>深圳</option>
                <option>北京</option>
            </select><br><br>
                <li>
                    <label>留言：</label>
                    <input class="right" type="text" maxlength="1000" />
                </li>
                <div class="footer">
                    <input id="btn" type="submit" name="submit" value="提交留言" class="btn" />
                    <script>
                        var oBtn = document.getElementById('btn');
                        oBtn.onclick = function() {
                            alert('提交留言成功！感谢你的留言！')
                        };
                    </script>
                    <input type="submit" name="submit" value="重置信息" class="btn" />
            </ul>
            </div>
            <br>
            <br>
            <div class="end">
                <p>感谢您的留言！</p>
            </div>
        </div>
</body>

</html>